:root{
    --clear-float{
        &:after{
            clear:both;
            content:'.';
            display:block;
            width: 0;
            height: 0;
            visibility:hidden;
        }
    }

    @custom-selector :--h-tag h1,h2,h3,h4,h5,h6;
}

/*通用容器样式*/
:--h-tag.sec-header {
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    color: var(--header-text);
    padding: 40px 15px 15px;
}

.p-container {
    padding: 0 15px;
}
/*通用简写样式*/
.mt-20 {margin-top: 20px;}
.h-10 {height: 10px;} .h-20 {height: 20px;} .h-30 {height: 30px;} .h-40 {height: 40px;}

/*vant重写扩展样式*/
.van-button{
    &&--pink{
        color: var(--button-pink-color);
        background-color: var(--button-pink-background-color);
        border: 1px solid var(--button-pink-border-color);
    }

    &&--bottom-action&--pink{
        color: var(--button-pink-ba-color);
        background-color: var(--button-pink-ba-background-color);
        border: 1px solid var(--button-pink-ba-border-color);
        font-size: 20px;
    }
    &&--grey{
        color: var(--color-grey);
        background-color: var(--color-white);
        border: 1px solid var(--color-grey);
    }

    &&--bottom-action&--grey{
        color: var(--color-white);
        background-color: var(--color-grey);
        border: 1px solid var(--color-grey);
        font-size: 20px;
    }
}
input.van-field__control{
    text-align: right;
}
.van-cell .van-icon{
    color: var(--icon-pink-color);
}
.van-dialog__confirm{
    color: var(--icon-pink-color)!important;
}

.van-tab--active {
    color: var(--icon-pink-color);
}
.van-tabs__line {
    background-color: var(--icon-pink-color);
}
